<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<!--META-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<!--STYLESHEETS-->
<link href="css/login.css" rel="stylesheet" type="text/css" />

<!--SCRIPTS-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<!--Slider-in icons-->
<script type="text/javascript">
$(document).ready(function() {
	$(".input1").focus(function() {
		$(".user-icon").css("left","-48px");
	});
	$(".input1").blur(function() {
		$(".user-icon").css("left","0px");
	});
	
	$(".input2").focus(function() {
		$(".pass-icon").css("left","-48px");
	});
	$(".input2").blur(function() {
		$(".pass-icon").css("left","0px");
	});
});
</script>

</head>
<body>

<!--WRAPPER-->
<s:div id="wrapper">

	<!--SLIDE-IN ICONS-->
    <s:div cssClass="user-icon"></s:div>
    <s:div cssClass="pass-icon"></s:div>
    <!--END SLIDE-IN ICONS-->

<!--LOGIN FORM-->
<s:form  cssClass="login-form"  action="login" id="login-form">

	<!--HEADER class="input username"-->
    <s:div cssClass="header">
    <!--TITLE--><h1>Casa de Descanso</h1><!--END TITLE-->
    <!--DESCRIPTION--><span>Sistema implementado como parte del proyecto final de DIS</span><!--END DESCRIPTION-->
    </s:div>
    <!--END HEADER-->
	
	<!--CONTENT-->
    <s:div cssClass="content">
	<!--USERNAME--><s:textfield name="usuario.usuario" cssClass="input1 username"  value="Username" onfocus="this.value=''" /><!--END USERNAME-->
    <!--PASSWORD--><s:password  name="usuario.clave"  cssClass="input2 password"  value="Passwrod" onfocus="this.value=''" /><!--END PASSWORD-->

    </s:div>
    <!--END CONTENT-->
    
    <!--FOOTER-->
    <s:div cssClass="footer">
    <!--LOGIN BUTTON--><s:submit  name="submit" value="Ingresar" cssClass="button1" /><!--END LOGIN BUTTON-->
    <!--REGISTER BUTTON--><s:submit name="submit" value="Register" cssClass="register1" /><!--END REGISTER BUTTON-->
    </s:div>
    <!--END FOOTER-->


</s:form>
<!--END LOGIN FORM-->

</s:div>
<!--END WRAPPER-->

<!--GRADIENT--><s:div cssClass="gradient"></s:div><!--END GRADIENT-->

</body>
</html>






